yarn run serve
<template>
  <a-timeline>
    <a-timeline-item color="red" v-for="(item, index) in infoArr" :key="index">
      <p class="pt">{{ item.updateTime }}</p>
      <div class="box">
        <p>拒检次数：第 <span class="s1">{{ item.refuseNum }}</span> 次</p>
        <p>原因说明：{{ item.cancelReasonExplain }}</p>
        <p>处置文档：{{ item.dispositionFile }}</p>
        <p>通知单位：{{ item.noticeUnit }}</p>
        <p>通知内容：{{ item.noticeContent }}</p>
        <p class="p1">反馈单位：{{ item.feedbackUnit }}</p>
        <p>反馈人：{{ item.feedbackName }}</p>
        <p>反馈时间：{{ item.feedbackTime }}</p>
        <p>反馈内容：{{ item.feedbackContent }}</p>
      </div>
    </a-timeline-item>
  </a-timeline>
</template>
<script>
import * as uroscopyApi from '@/api/sjsk/check/uroscopy.js'
export default {
  components: {

  },

  data() {
    return {
      infoArr: [],
      sjskPersonId: this.$route.query.sjskPersonId
    }
  },
  created() { },
  async mounted() {
    // this.onQuery()
  },
  methods: {
    getDetail(val) {
      let params = {}
      if (val == undefined) { //尿检的处置脉络，urineType不传
        params = { sjskPersonId: this.sjskPersonId }
      } else { //发检的处置脉络
        params = { sjskPersonId: this.sjskPersonId, urineType: 5 }
      }
      uroscopyApi.urineCancelDispose(params).then((res) => {
        if (res.success) {
          this.infoArr = res.result
        }
      })
        .catch((e) => {
          this.loading = false
          this.$message.warn('请求失败！')
        })
    }
  },
}
</script>
<style lang="less" scoped>
.pt {
  font-size: 16px;
  font-weight: bold;
}

.box {
  padding: 10px 20px;
  border: 1px solid #E9E9E9;
  border-radius: 5px;

  .s1 {
    color: #1890FF;
    font-size: 16px;
  }

  .p1 {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dotted #E9E9E9;
  }
}
</style>
